<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <meta name="generator" content="Jarvis 3.0.0"/>
    <meta name="author" content="Jarvis He"/>
    <meta name="copyright" content="2020-2026 Jarvis Inc."/>


    <meta name="subdir" content="/"/>

    <meta name="Keywords" content="宣和艺网,作品在线,油画,国画,水彩画">
    <meta name="description" content="宣和艺网在线作品"/>
    <title>宣和艺网在线作品-共享艺术服务平台</title>
    <!-- PAGEICO -->
    <!-- PAGBGSOUND -->
    <link rel="stylesheet" type="text/css" name="public_css" th:href="@{/css/public.css}"/>

    <link rel="stylesheet" type="text/css" name="page_theme_css" th:href="@{/css/page_1279620398.css}"/>

    <link rel="stylesheet" type="text/css" name="current_page_css" th:href="@{/css/pps_0.css}"/>

    <SCRIPT LANGUAGE="JavaScript" th:href="@{/js/jquery-1.5.2.min.js}"></SCRIPT>
    <script language="JavaScript" th:href="@{/js/common.js}"></script>
    <script language="JavaScript" th:href="@{/js/form.js}"></script>
    <SCRIPT LANGUAGE="JavaScript" th:href="@{/js/jquery.corner.js}"></SCRIPT>


    <script language="JavaScript" th:href="@{/js/bas.js}"></script>
    <script th:href="@{/js/bas_replace_class.js}" language="JavaScript"></script>

    <style>
        /* 隐藏遮罩层 */
        .overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            justify-content: center;
            align-items: center;
            z-index: 999;
        }

        /* 显示遮罩层时的样式 */
        .overlay.show {
            display: flex;
        }

        /* 遮罩层中的图片样式 */
        #overlay-image {
            max-width: 90%;
            max-height: 90%;
        }

        /* 关闭按钮样式 */
        #close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            background-color: transparent;
            border: none;
            color: #fff;
            font-size: 24px;
            cursor: pointer;
        }
    </style>
    <script type="text/javascript" th:src="@{/js/baiduhm.js}" ></script>


</head>

<body>
<!-- PUBLICHEAD -->
<!-- PUBLICAPPHEAD --><!--begin layout (6) -->
<div class="theme_layoutbox_1400635180">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400635180">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 5-->
                <dl class='theme_block_1231159117 theme_block_5'>
                    <dd class='theme_body_1231159117 theme_body_5'>
                        <div class="vt_b">
                            <div class="vt_bf">
                                <div class="vt_fd">
                                    <div class="vt_fc">

                                        <!--                                        <a href="#" target="_self">简体</a>-->
                                        <!--                                        <a target="_self">繁体</a>-->

                                    </div>
                                </div>
                                <div class="vt_fa bgm"><a target="_self" href="/">宣和艺网</a></div>
                                <!--div id="vt_denglu">


        </div-->

                            </div>

                        </div>

                        <div><a target="_blank" href="">宣和艺网<span>[surnwo.com]</span></a></div>
                    </dd>
                </dl>

                <!--end block 5--><!-- FRAME6-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--顶部 start-->
<div class="theme_layoutbox_1208765579">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1208765579">
        <tr>
            <td colspan="1" rowspan="1" width="320" align="left" valign="top">

                <!--网站logo start-->
                <dl class='theme_block_1231159117 theme_block_6' th:style="'width:auto;height:'+${systemConfig.HeaderLogoHeight}+'px'">
                    <dd class='theme_body_1231159117 theme_body_6'>
                        <ul class="i06 bgm" style="position: relative">
                            <img th:src="${systemConfig.HeaderLogo}" th:style="'width:1180px;height:'+${systemConfig.HeaderLogoHeight}+'px'">
                            <div  th:style="'position: absolute;top: 0px;width:1180px;height:'+${systemConfig.HeaderLogoHeight}+'px'" th:utext="${systemConfig.HeaderLogoText}"></div>
                            <a target="_self" class="logo" href="/">宣和艺网</a>
                        </ul>
                    </dd>
                </dl>
                <!--网站logo end-->


            </td>

        </tr>
    </table>
</div>
<!--顶部 end-->
<div class="theme_layoutbox_1400635216">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400635216">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 10-->
                <dl class='theme_block_1231159117 theme_block_10'>
                    <dd class='theme_body_1231159117 theme_body_10'>
                        <style>
                            .hidden_img img {
                                display: none !important;
                            }

                            .hidden_img p {
                                margin-top: 0px;
                                font-size: 12px !important;
                                color: #a0a0a0 !important;
                            }

                            .hidden_img p .i08c a span {
                                margin-top: 0px;
                                font-size: 12px !important;
                                color: #a0a0a0 !important;
                            }

                            .i10s_a {
                                float: left;
                                width: 275px;
                                height: 35px;
                                padding: 5px 10px;
                                overflow: hidden;
                            }

                            .i10s_a input {
                                width: 275px;
                                height: 35px;
                                overflow: hidden;
                                line-height: 35px;
                                background: none;
                                border: none;
                                margin: 0px;
                                padding: 0px;
                                font-size: 14px;
                                color: #6b6b6b;
                            }

                            .i10s_b {
                                float: left;
                                width: 50px;
                                height: 45px;
                                overflow: hidden;
                            }

                            .i10s_b input {
                                width: 50px;
                                height: 45px;
                                overflow: hidden;
                                background: none;
                                border: none;
                                margin: 0px;
                                padding: 0px;
                                text-indent: -999px;
                                cursor: pointer;
                            }

                            .i20a {
                                height: auto;
                            }

                            .i20 {
                                height: auto;
                            }

                            .m20by {
                                height: auto;
                            }
                        </style>


                        <ul class="i10" id="sydh">

                            <li th:each="menu,index:${menus}"
                                th:class="${menu.isActice == 1}? ' w_new ' : ' div_jia w_old '">
                                <a th:href="${menu.content}" target="_self" class=" n_old ">[[ ${menu.name} ]]</a>
                            </li>

                            <li style="border: none;width: 300px;float: right">
                                <div style="border: 1px solid #ccc;height: 32px">
                                    <form style=" margin:0px; padding:0px; " target="_self" action="/artwork/online">
                                        <div style="float: left">
                                            <select class="header_select_box"
                                                    style="height: 32px;background: transparent;font-size: 14px;padding-left: 8px;color: #999;">
                                                <option selected="selected" value="2">艺术品</option>

                                            </select>
                                        </div>

                                        <div style="float: left">
                                            <input name="currentPage" hidden="true" th:value="${currentPage}"
                                                   style="height: 30px;border: none;background: transparent">
                                            <input name="name" th:value="${name}"
                                                   style="height: 30px;border: none;background: transparent">
                                        </div>
                                        <div style="float: left">
                                            <input type="submit" value=""
                                                   style="width: 38px;height: 32px;background: transparent;border: none;background: url('../../images/search.png');background-size: 23px;
    background-repeat: no-repeat;
    background-position: center;">
                                        </div>
                                    </form>
                                </div>


                            </li>


                        </ul>
                    </dd>
                </dl>

                <!--end block 10--><!-- FRAME9-1-1 -->
            </td>
        </tr>
    </table>
</div>
<script type="text/javascript">
    function resizeImage(img) {
        var width = img.naturalWidth;
        var height = img.naturalHeight;

        if (width > height) {
            img.style.width = '910px';
            img.style.height = 'auto';
        } else {
            img.style.width = 'auto';
            img.style.height = '910px';
        }
    }

    function resizeImage1(img) {
        var width = img.naturalWidth;
        var height = img.naturalHeight;

        if (width > height) {
            img.style.width = '180px';
            img.style.height = 'auto';
        } else {
            img.style.width = 'auto';
            img.style.height = '180px';
        }
    }
</script>

<!--正文 start-->
<div class="theme_layoutbox_1208765579 page-content">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1208765579">


        <tr></tr>
        <td colspan="3" rowspan="1" width="1180" align="left" valign="top">
            <!--begin block 14-->
            <style>
                .n41 {
                    margin-left: 10px;
                    margin-top: 10px;
                    width: 1158px;
                }

                .n41a {
                    width: 1112px;
                }

                .n41_r {
                    width: 888px;
                }

                .letter-item {
                    margin-right: 20px;
                    color: #333;
                }

                .active-letter-item {
                    margin-right: 20px;
                    color: #b68036;
                    font-size: 18px;
                }
            </style>

            <dl class='theme_block_1231159117 theme_block_20' style="background: #fff;height: auto;border: none;padding-bottom: 20px;">
                <dd style="border-bottom: 1px dashed #ccc;width: 1090px;text-align: left;height: 32px;font-size: 16px;margin-top: 10px">
                    <div STYLE="margin-bottom: 10px;">
                        <a style="color: #ccc;font-size: 18px;" th:href="@{/depart/page(id=${departId},sectionId=${sectionId})}">[[ ${sectionName} ]]</a>
                        <span style="margin-left: 5px;margin-right: 5px;font-size: 12px;position: relative;bottom: 2px;color: #ccc;">▶</span>
                        <a class="active-letter-item">[[ ${artwork.name} ]]</a>
                    </div>
                    <div>


                </dd>

                <style>
                    .thumb-pic-list {
                        width: 195px;
                        float: left;
                        height: 930px;
                        margin-left: 20px;
                        margin-right: 10px;
                        overflow-x: hidden;
                        overflow-y: auto;
                    }

                    .thumb-pic-list::-webkit-scrollbar {
                        width: 5px; /* 设置滚动条的宽度 */
                    }

                    .thumb-pic-list::-webkit-scrollbar-track {
                        background: transparent; /* 设置滚动条轨道的背景颜色 */
                    }

                    .thumb-pic-list::-webkit-scrollbar-thumb {
                        background: transparent; /* 设置滚动条滑块的颜色 */
                    }

                    .thumb-pic-list::-webkit-scrollbar-thumb:hover {
                        background: #ccc; /* 设置滚动条滑块在鼠标悬停时的颜色 */
                    }

                    #show-pic {
                        max-width: 910px;
                        max-height: 910px;
                        width: auto;
                        height: auto;
                    }
                    .thumb-pic-border{
                        width: 185px;height: 185px;display: flex; align-items: center; justify-content: center;background: #eee;border-radius: 8px;
                    }

                    .selected {
                        border: 2px solid #b68036;
                    }
                    .overlay {
                        display: none;
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background-color: rgba(0, 0, 0, 0.7);
                        z-index: 1000;
                        overflow: auto;
                    }

                    .overlay img {
                        display: block;
                        max-width: 90%;
                        max-height: 90%;
                        margin: auto;
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                    }

                    .overlay button {
                        border: none;
                        cursor: pointer;
                        padding: 30px;
                        font-size: 16px;
                    }

                    .close-btn {
                        top: 10px;
                        right: 10px;
                        position: absolute;
                        background: transparent;
                    }
                    .close-btn img{
                        width: 60px;
                    }

                    .zoom-in-btn {
                        background: transparent;
                        bottom: 10px;
                        left: calc(50% - 60px);
                    }
                    .zoom-in-btn img{
                        width: 60px;
                        position: inherit;
                    }

                    .zoom-out-btn {
                        background: transparent;
                        bottom: 10px;
                        left: calc(50% + 60px);
                    }
                    .zoom-out-btn img{
                        width: 60px;
                        position: inherit;
                    }
                    .zoom-button{
                        position: absolute;
                        bottom: 10px;
                        text-align: center;
                        width: 100%;
                    }
                    #zoom-value{
                        font-size: 60px;
                        color: #fff;
                        margin-left: 30px;
                        margin-right: 30px;
                        position: relative;
                        bottom: 10px;
                    }
                </style>
                <!-- 遮罩层 -->
                <div class="overlay" id="overlay">
                    <div style="width: 100%;
                        height: 90%;overflow: auto">
                        <img id="fullscreen-image" src="" alt="">
                    </div>
                    <button class="close-btn" onclick="hideImage()"><img th:src="@{/images/close.png}"></button>
                    <div class="zoom-button">
                        <button class="zoom-out-btn" onclick="zoomOut()"><img th:src="@{/images/minus.png}"></button>
                        <span id="zoom-value">100%</span>
                        <button class="zoom-in-btn" onclick="zoomIn()"><img th:src="@{/images/plus.png}"></button>
                    </div>
                </div>
                <dd style="padding-top: 30px;margin-bottom: 30px;margin-left: 0px;">
                    <div class="thumb-pic-list" id="thumb-pic-list">
                        <div  style="width: 190px;height: 190px;display: flex; align-items: center; justify-content: center;margin-bottom: 15px;">
                            <div class="thumb-pic-border">
                                <img th:src="${artwork.url}" onload="resizeImage1(this)" style="border-radius: 8px;">
                            </div>
                        </div>
                        <div th:each="artworkOtherPic:${artworkOtherPics}" style="width: 190px;height: 190px;display: flex; align-items: center; justify-content: center;margin-bottom: 15px;">
                            <div class="thumb-pic-border">
                                <img th:src="${artworkOtherPic.url}" onload="resizeImage1(this)" style="border-radius: 8px;">
                            </div>
                        </div>
                    </div>
                    <div style="width: 930px;float: left;height: 930px;display: flex; align-items: center; justify-content: center;background: #eee;border-radius: 8px;">
                        <img id="show-pic" onclick="showImage(this)" th:src="${artwork.url}" onload="resizeImage(this)">
                    </div>

                    <div style="clear: both;"></div>

                    <div style="font-size: 24px;margin-top: 20px;">《 [[ ${artwork.name} ]] 》</div>
                </dd>

                <script>




                    let currentScale = 1; // 当前缩放比例

                    function showImage(img) {
                        const overlay = document.getElementById('overlay');
                        const fullscreenImage = document.getElementById('fullscreen-image');
                        fullscreenImage.src = img.src;
                        overlay.style.display = 'block';
                    }

                    function hideImage() {
                        const overlay = document.getElementById('overlay');
                        overlay.style.display = 'none';
                    }

                    function zoomIn() {
                        currentScale += 0.5;
                        document.getElementById('zoom-value').innerText = currentScale * 100 + '%';
                        applyZoom();
                    }

                    function zoomOut() {
                        currentScale -= 0.5;
                        document.getElementById('zoom-value').innerText = currentScale * 100 + '%';
                        applyZoom();
                    }

                    function applyZoom() {
                        const fullscreenImage = document.getElementById('fullscreen-image');
                        fullscreenImage.style.transform = `scale(${currentScale})`;
                    }




                    // 获取所有图片元素
                    const images = document.querySelectorAll('#thumb-pic-list div div');

                    // 为每个图片添加点击事件监听器
                    images.forEach(image => {
                        image.addEventListener('click', function () {
                            // 移除所有图片的选中样式
                            images.forEach(img => img.classList.remove('selected'));
                            // 为当前点击的图片添加选中样式
                            this.classList.add('selected');
                        });
                    });


                    // 获取所有缩略图
                    const thumbPics = document.querySelectorAll('#thumb-pic-list img');

                    // 获取显示图片的元素
                    const showPic = document.getElementById('show-pic');

                    // 为每个缩略图添加点击事件监听器
                    thumbPics.forEach(thumbPic => {
                        thumbPic.addEventListener('click', () => {
                            // 点击时更新显示图片的src属性
                            showPic.src = thumbPic.src;
                        });
                    });
                </script>

                <dd style="padding-bottom: 30px">

                    <div  style="word-break: break-all; box-sizing: border-box; --variable-limitlinenumver: 2; align-items: center; background: #ffffff; border-bottom: 1px solid rgb(240, 243, 245);border-top: 1px solid rgb(240, 243, 245); border-right: 1px solid rgb(240, 243, 245);float:left; display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: 550px; color: #000000; font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                        <div  style="word-break: break-all; box-sizing: border-box; align-items: center; background: #f3f6f8; color: #999; display: flex; flex-direction: row; font-family: PingFangSC-Medium; font-size: 14px; height: 60px; justify-content: flex-start; letter-spacing: 0px; line-height: 18px; min-height: 60px; padding: 0px 24px; text-align: left; width: 160px;" title="作者">作者</div>
                        <div  style="word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--variable-limitLineNumver); color: #11192d; display: -webkit-box; font-family: PingFangSC-Medium; font-size: 14px; letter-spacing: 0px; line-height: 20px; margin: 0px 24px; max-height: 40px; overflow: hidden; text-align: left; width: 240px;" th:title="${artwork.artistName}">[[ ${artwork.artistName} ]]</div>
                    </div>

                    <div  style="word-break: break-all; box-sizing: border-box; --variable-limitlinenumver: 2; align-items: center; background: #ffffff; border-bottom: 1px solid rgb(240, 243, 245);border-top: 1px solid rgb(240, 243, 245); border-right: 1px solid rgb(240, 243, 245);float:left; display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: 550px; color: #000000; font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                        <div  style="word-break: break-all; box-sizing: border-box; align-items: center; background: #f3f6f8; color: #999; display: flex; flex-direction: row; font-family: PingFangSC-Medium; font-size: 14px; height: 60px; justify-content: flex-start; letter-spacing: 0px; line-height: 18px; min-height: 60px; padding: 0px 24px; text-align: left; width: 160px;" title="艺术品类型">艺术品类型</div>
                        <div  style="word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--variable-limitLineNumver); color: #11192d; display: -webkit-box; font-family: PingFangSC-Medium; font-size: 14px; letter-spacing: 0px; line-height: 20px; margin: 0px 24px; max-height: 40px; overflow: hidden; text-align: left; width: 240px;" th:title="${artwork.artTypeName}">[[ ${artwork.artTypeName} ]]</div>
                    </div>

                    <div  style="word-break: break-all; box-sizing: border-box; --variable-limitlinenumver: 2; align-items: center; background: #ffffff; border-bottom: 1px solid rgb(240, 243, 245);border-top: 1px solid rgb(240, 243, 245); border-right: 1px solid rgb(240, 243, 245);float:left; display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: 550px; color: #000000; font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                        <div  style="word-break: break-all; box-sizing: border-box; align-items: center; background: #f3f6f8; color: #999; display: flex; flex-direction: row; font-family: PingFangSC-Medium; font-size: 14px; height: 60px; justify-content: flex-start; letter-spacing: 0px; line-height: 18px; min-height: 60px; padding: 0px 24px; text-align: left; width: 160px;" title="创作时间">创作时间</div>
                        <div  style="word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--variable-limitLineNumver); color: #11192d; display: -webkit-box; font-family: PingFangSC-Medium; font-size: 14px; letter-spacing: 0px; line-height: 20px; margin: 0px 24px; max-height: 40px; overflow: hidden; text-align: left; width: 240px;" th:title="${artwork.createSrt}">[[ ${artwork.createSrt} ]]</div>
                    </div>

                    <div  style="word-break: break-all; box-sizing: border-box; --variable-limitlinenumver: 2; align-items: center; background: #ffffff; border-bottom: 1px solid rgb(240, 243, 245); border-top: 1px solid rgb(240, 243, 245); border-right: 1px solid rgb(240, 243, 245);float:left; display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: 550px; color: #000000; font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                        <div  style="word-break: break-all; box-sizing: border-box; align-items: center; background: #f3f6f8; color: #999; display: flex; flex-direction: row; font-family: PingFangSC-Medium; font-size: 14px; height: 60px; justify-content: flex-start; letter-spacing: 0px; line-height: 18px; min-height: 60px; padding: 0px 24px; text-align: left; width: 160px;" title="编号">编号</div>
                        <div  style="word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--variable-limitLineNumver); color: #11192d; display: -webkit-box; font-family: PingFangSC-Medium; font-size: 14px; letter-spacing: 0px; line-height: 20px; margin: 0px 24px; max-height: 40px; overflow: hidden; text-align: left; width: 240px;" th:title="${artwork.artworkNum}">[[ ${artwork.artworkNum} ]]</div>
                    </div>

                    <div  style="word-break: break-all; box-sizing: border-box; --variable-limitlinenumver: 2; align-items: center; background: #ffffff; border-bottom: 1px solid rgb(240, 243, 245); border-right: 1px solid rgb(240, 243, 245);float:left; display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: 550px; color: #000000; font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                        <div  style="word-break: break-all; box-sizing: border-box; align-items: center; background: #f3f6f8; color: #999; display: flex; flex-direction: row; font-family: PingFangSC-Medium; font-size: 14px; height: 60px; justify-content: flex-start; letter-spacing: 0px; line-height: 18px; min-height: 60px; padding: 0px 24px; text-align: left; width: 160px;" title="规格">规格</div>
                        <div  style="word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--variable-limitLineNumver); color: #11192d; display: -webkit-box; font-family: PingFangSC-Medium; font-size: 14px; letter-spacing: 0px; line-height: 20px; margin: 0px 24px; max-height: 40px; overflow: hidden; text-align: left; width: 240px;" th:title="${artwork.spec}">[[ ${artwork.spec} ]]</div>
                    </div>

                    <div  style="word-break: break-all; box-sizing: border-box; --variable-limitlinenumver: 2; align-items: center; background: #ffffff; border-bottom: 1px solid rgb(240, 243, 245); border-right: 1px solid rgb(240, 243, 245);float:left; display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: 550px; color: #000000; font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                        <div  style="word-break: break-all; box-sizing: border-box; align-items: center; background: #f3f6f8; color: #999; display: flex; flex-direction: row; font-family: PingFangSC-Medium; font-size: 14px; height: 60px; justify-content: flex-start; letter-spacing: 0px; line-height: 18px; min-height: 60px; padding: 0px 24px; text-align: left; width: 160px;" title="价格">价格</div>
                        <div  style="word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--variable-limitLineNumver); color: #11192d; display: -webkit-box; font-family: PingFangSC-Medium; font-size: 14px; letter-spacing: 0px; line-height: 20px; margin: 0px 24px; max-height: 40px; overflow: hidden; text-align: left; width: 240px;" th:title="${artwork.price}">[[ ${artwork.price} ]]元</div>
                    </div>

                    <div th:if="${artwork.remarks !=null}" style="word-break: break-all; box-sizing: border-box; --variable-limitlinenumver: 2; align-items: center; background: #ffffff; border-left: 1px solid rgb(240, 243, 245); border-bottom: 1px solid rgb(240, 243, 245); border-right: 1px solid rgb(240, 243, 245);float:left; display: flex; flex-direction: row; justify-content: flex-start; position: relative; width: 1100px; color: #000000; font-family: 'PingFang SC'; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start;  text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
                        <div style="word-break: break-all; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--variable-limitLineNumver); color: #11192d; display: -webkit-box; font-family: PingFangSC-Medium; font-size: 14px; letter-spacing: 0px; line-height: 20px; margin: 0px 24px; overflow: hidden; text-align: left; "
                             th:title="${artwork.remarks}" th:utext="${artwork.remarks}"></div>
                    </div>








                </dd>



            </dl>

            <!--end block 14--><!-- FRAME5-2-1 -->
        </td>
        </tr>


    </table>
</div>
<!--正文 end-->
<div class="theme_layoutbox_1400835584">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400835584">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 12-->
                <dl class='theme_block_1231159117 theme_block_12'>
                    <dd class='theme_body_1231159117 theme_body_12'>
                        <ul class="i12t">
                            <li style="background-color:#ed4b3c;"></li>
                            <li style="background-color:#41bef4;"></li>
                            <li style="background-color:#b68036;"></li>
                            <li style="background-color:#459b9a;"></li>
                            <li style="background-color:#ffa904;"></li>
                        </ul>

                        <ul class="i12">
                            <span>站点地图：</span>
                            <a href="/" target="_blank">宣和艺网首页</a>
                            <a href="/depart/list" target="_blank">艺术机构</a>
                            <a href="/search?type=1" target="_blank">艺术名家</a>
<!--                            <a href="/search?type=2" target="_blank">艺术展览</a>-->
<!--                            <a href="/search?type=4" target="_blank">文章资讯</a>-->
                        </ul>


                    </dd>
                </dl>

                <!--end block 12--><!-- FRAME10-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--end layout (10) -->
<!--begin layout (11) -->
<div class="theme_layoutbox_1400835667">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400835667">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 11-->
                <dl class='theme_block_1231159117 theme_block_11'>
                    <dd class='theme_body_1231159117 theme_body_11'>
                        <ul class="i11">
                            <li><a href="/" target="_blank">中山端航科技版权所有，请勿转载 Copyright © Surnwo Art-Grid
                                All Rights
                                Reserved
                            </a>
                            </li>
                            <li>
                                <span></span><span></span><span></span><span></span><a
                                    href=""
                                    target="_blank"></a><span></span><span>技术支持:</span><a
                                    href="http://surnwo.com/"
                                    target="_blank">中山端航科技<span></span></a><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备2023141016号-5 </a>
                            </li>
                        </ul>


                    </dd>
                </dl>

                <!--end block 11--><!-- FRAME11-1-1 -->
            </td>
        </tr>
    </table>
</div>

</body>

</html>


